<div class="picker" [style.display]="pickerShow">
  <div class="picker-mask mask-hook"
       [class.active]="addClass"
       (click)="hide()"
  ></div>

  <div class="picker-panel" [class.active]="addClass">
    <div class="picker-header">
      <div class="header-bg cancel-hook"></div>
      <div class="header-title">
        <span>借款金额</span>
        <span>借款期限</span>
      </div>
    </div>
    <div class="picker-section">
      <div class="picker-scroll">
        <div class="mask-top"></div>
        <div class="mask-middle"></div>
        <div class="mask-bottom"></div>
        <div class="wheel-wrapper wheel-wrapper-hook">
          <div class="wheel wheel-hook" *ngFor="let values of data">
            <ul class="wheel-scroll wheel-scroll-hook">
              <li class="wheel-item" *ngFor="let item of values">{{item.name}}</li>
            </ul>
          </div>
        </div>
      </div>
      <div class="picker-divider">
        <div class="info">一键续借,免审核</div>
      </div>
      <div class="picker-cost">
        <ul>
          <li>
            <div></div>
            <p>免审核</p>
          </li>
          <li>
            <div></div>
            <p>放款快</p>
          </li>
          <li>
            <div></div>
            <p>通过率高</p>
          </li>
        </ul>
      </div>
      <div class="picker-confirm" (click)="executeConfirm()">立即拿钱</div>
    </div>

    <div class="picker-footer footer-hook"></div>
  </div>
</div>
